<template>
  <button  @click="handleClick">{{value}}</button>
</template>

<script>
export default {
  name: 'ycButton',
  props: {
    value: ''
  },
  methods: {
    handleClick (evt) {
      this.$emit('click', evt)
    }
  }
}
</script>

<style lang="stylus" scoped="scoped">
 @import '~styles/varibles.styl'
button{
  font-weight: 600;
  background-color: $baseColor;
  color: #fff;
  border: 1px solid $baseColor;
  width: 90px;
  height: 36px;
  line-height: 34px;
  text-align: center;
  font-size: 14px;
  border-radius: 4px;
  box-sizing: border-box;
  outline: none;
  padding: 0;
  cursor pointer;
}
button:focus{
 outline: none;
 border:none;
}
</style>
